 <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <meta name="author" content="Script Tutorials" />
    <meta name="description" content="Responsive Websites Using BootStrap - demo page">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>-- SITRABS -- ¡¡¡Bienvenido!!!</title>

    <!-- css stylesheets -->
<link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet"> 
   <script src="js/jquery-1.10.2.min.js"></script>
</head>
<body>
 

    <!-- main container -->
    <div class="container">
		 <nav class="navbar navbar-default navbar-static">
        <div class="navbar-header">
            <button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#b-menu-2">
                <span class="sr-only">Navegacion</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand">Bolsa de Trabajo</a>
        </div>

        <!-- submenu elements for #b-menu-2 -->
        <div class="collapse navbar-collapse" id="b-menu-2">
          <ul class="nav navbar-nav">
       
            <li class="active"><a href="index.php"><span class="glyphicon glyphicon-home"></span> Inicio</a></li>
            <li><a href="help_us.html"><span class="glyphicon glyphicon-question-sign"></span> Ayuda</a></li>
            <li><a href="about_us.html"><span class="glyphicon glyphicon-exclamation-sign"></span> Acerca de</a></li>
			<li><a href="contact_us.html"><span class="glyphicon glyphicon-bullhorn"></span> Contáctanos</a></li>
           <li><a href="logina.html"><span class="glyphicon glyphicon-pencil"></span> Registrate</a></li>
		   <li><a href="login/login.php"><span class="glyphicon glyphicon-user"></span> Iniciar Sesión</a></li>
         
            <li class="dropdown">
             <ul class="dropdown-menu">
      
            <li class="active"><a href="index.php"><span class="glyphicon glyphicon-home"></span> Inicio</a></li>
            <li><a href="help_us.html"><span class="glyphicon glyphicon-question-sign"></span> Ayuda</a></li>
            <li><a href="about_us.html"><span class="glyphicon glyphicon-exclamation-sign"></span> Acerca de</a></li>
			<li><a href="contact_us.html"><span class="glyphicon glyphicon-bullhorn"></span> Contáctanos</a></li>
           <li><a href="logina.html"><span class="glyphicon glyphicon-pencil"></span> Registrate</a></li>
		   <li><a href="login/login.php"><span class="glyphicon glyphicon-user"></span> Iniciar Sesión</a></li>
         
              </ul>
            </li>
          </ul> 
        </div><!-- /.nav-collapse -->
      </nav>
      <!-- second menu bar -->
           
 <div class="container"><div class="row">
			 

			</div>
      <!-- 2-column layout -->
      <div class="row row-offcanvas row-offcanvas-right">
        <div class="col-xs-12 col-sm-9">

          <!-- jumbotron -->
          <div class="jumbotron">
            <h1>¡Bienvenido!</h1>
			<p>Bolsa de trabajo SITRABS</p><p><a role="button"  href="logina.html" class="btn btn-lg btn-default">Registrate ahora</a></p>	
          </div>

          <div class="row">

            <!-- column 1 -->
            <div class="col-sm-6">

              <!-- box 1 -->
              <div class="panel panel-default">
                <div class="panel-heading">
                  <h3 class="panel-title">Objetivo</h3>
                </div>
                <div class="panel-body">
                  <p>Promover y facilitar las herramientas necesarias para la 
				búsqueda y obtención de un empleo.</p>
                  
                </div>
              </div>

              <!-- box 2 -->
           
            </div> <!-- /column 1 -->

            <!-- column 2 -->
            <div class="col-sm-6">

              <!-- box 3 -->
                 <div class="panel panel-primary">
                <div class="panel-heading">
                  <h3 class="panel-title">Vision</h3>
                </div>
                <div class="panel-body">
                  <p>Contar con el apoyo de empresas reconocidas 
				a nivel nacional e internacional y contar las últimas y mejores ofertas que se 
				encuentran vigentes actualmente en el mercado laboral.</p>
                </div>
              </div>

              <!-- box 4 -->
         
            </div> <!-- /column 2 -->

          </div><!--/row-->
        </div><!--/span-->
        <!-- column 3 (sidebar) -->
        <div class="col-sm-3 sidebar-offcanvas" id="sidebar">
          


          <!-- box 6 -->
          <div class="panel panel-info">
            <div class="panel-heading">
              <h3 class="panel-title">Ultimas Ofertas</h3>
            </div>
            <div class="panel-body">
              <h3>¡Ultimas Ofertas de Empleo! </h3>
				<marquee behavior="Scroll" direction="Up" scrollamount="1" scrolldelay="30" onmouseover="this.stop()">
				 <div>
				<p>                   <?php
				mysql_connect('localhost', 'adminbolsa', 'Pa$$w0rd') or die(mysql_error());
	mysql_select_db("bolsa_trabajo") or die(mysql_error());
	$result = mysql_query('SELECT * from tbl_oferta ORDER BY id_oferta DESC');
	$fila = mysql_fetch_assoc($result);

	echo $fila['id_cargo_solicitado'];
	echo " ";
    echo $fila['descripcion'];


?>	</p>	
				</div><div>
				<p>                 &nbsp;   </p>	
				</div><div>
				<p>                     <?php
				$fila = mysql_fetch_assoc($result);

	echo $fila['id_cargo_solicitado'];
	echo " ";
    echo $fila['descripcion'];
?></p>
				</div><div>
				<p>                 &nbsp;    </p>	
				</div><div>
				<p>                     <?php
				$fila = mysql_fetch_assoc($result);

	echo $fila['id_cargo_solicitado'];
	echo " ";
    echo $fila['descripcion'];

?></p>
				 
				</div><div>
				<H3>                &nbsp;      </h3>	
				</div> 
				<div>
				<p>                     <?php
				$fila = mysql_fetch_assoc($result);

	echo $fila['id_cargo_solicitado'];
	echo " ";
    echo $fila['descripcion'];

?></p>
				 
				</div><div>
				<H3>                &nbsp;      </h3>	
				</div> 
				<div>
				<p>                     <?php
				$fila = mysql_fetch_assoc($result);

	echo $fila['id_cargo_solicitado'];
	echo " ";
    echo $fila['descripcion'];

?></p>
				 
				</div><div>
				<H3>                &nbsp;      </h3>	
				</div> 
				<div>
				<p>                     <?php
				$fila = mysql_fetch_assoc($result);

	echo $fila['id_cargo_solicitado'];
	echo " ";
    echo $fila['descripcion'];

?></p>
				 
				</div><div>
				<H3>                &nbsp;      </h3>	
				</div></marquee></div>
                    
	 </div>

		  </div>
 </div>
        <!-- /column 3 (sidebar) -->

      <!--/row-->
  <div id="wrap">
      <footer>
        <nav class="navbar navbar-default navbar-static-bottom" role="navigation">
        <p class="navbar-text">&copy Copyright 2014</p>
        <p class="navbar-text navbar-right"></p>
        </nav>
      </footer>
</div><!--/.container-->
 <script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="lib/jquery-1.3.2.min.js"></script>


 <script type="text/javascript" src="../js/bootstrap.min.js"></script> 
    <!-- add javascripts -->
</body>
</html>